<!DOCTYPE>
<html lang="en">
	<head>
		<title>轮播图</title>
		<link rel="stylesheet" href="css/style.css">
	</head>
	<body>
		<div id="container">
			<!-- 图片容器 -->
			<div id="list" style="left: 0px;">
				<img src="imgs/slide_bg4.jpg" alt="">
				<img src="imgs/slide_bg1.jpg" alt="">
				<img src="imgs/slide_bg2.jpg" alt="">
				<img src="imgs/slide_bg3.jpg" alt="">
				<img src="imgs/slide_bg4.jpg" alt="">
				<img src="imgs/slide_bg1.jpg" alt="">
			</div>
			<!-- 圆点导航 -->
			<div id="buttons">
				<span class="on"></span>
				<span></span>
				<span></span>
				<span></span>
			</div>
			<!-- 箭头按钮 -->
			<a href="javascript:;" class="arrow" id="prev">&lt;</a>
			<a href="javascript:;" class="arrow" id="next">&gt;</a>
		</div>
	</body>
	<script type="text/javascript" src="js/index.js"></script>
</html>